<template>
    <div class="everyday">
        <van-row class="everyday-row" gutter="20">
            <van-col span="6"></van-col>
            <van-col span="12">每日精选好货</van-col>
        </van-row>
        <div class="everyday-box">
            <div class="left">
                <p>食肉联盟</p>
                <p>猪肉羊肉 牛肉......</p>
                <p>都是最 <span style="color: red">低价</span></p>
                <span></span>
                <div class="imgbox"></div>
            </div>
            <div class="right">
                <div class="top">
                    <p>家常蔬菜</p>
                    <p>低至 <span style="color: red">1.99</span>元起</p>
                    <span></span>
                    <div class="imgbox"></div>
                </div>
                <div class="bottom">
                    <p>必备水果</p>
                    <p>低至 <span style="color: red">0.99</span>元起</p>
                    <span></span>
                    <div class="imgbox"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.everyday {
    padding: 0 10px 0 10px;
    .everyday-row {
        .van-col {
            font-family: 'cute';
            font-weight: bold;
            font-size: 26px;
        }
    }
    .everyday-box {
        display: flex;
        padding: 10px;
        .left {
            width: 50%;
            margin-right: 10px;
            // background-color: yellow;
            p:nth-of-type(1) {
                font-weight: bold;
                font-size: 20px;
            }
            p:nth-of-type(2) {
                font-size: 16px;
            }
            p:nth-of-type(3) {
                font-size: 16px;
            }
        }
        .right {
            width: 50%;
            // background-color: aqua;
            .top {
                p:nth-of-type(1) {
                    font-weight: bold;
                    font-size: 20px;
                }
                p:nth-of-type(2) {
                    font-size: 16px;
                }
            }
            .bottom {
                p:nth-of-type(1) {
                    font-weight: bold;
                    font-size: 20px;
                }
                p:nth-of-type(2) {
                    font-size: 16px;
                }
            }
        }
    }
}
</style>
